<template>
  <a-descriptions title="服务方案" bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="服务名称" :span="2">
      {{ report.serviceName }}
    </a-descriptions-item>
    <a-descriptions-item label="服务周期" :span="2">
      {{ report.servicePeriod }}
    </a-descriptions-item>
    <a-descriptions-item label="用药方案" :span="2">
      {{ report.drugPlan }}
    </a-descriptions-item>
    <a-descriptions-item label="饮食方案" :span="2">
      {{ report.dietPlan }}
    </a-descriptions-item>
    <a-descriptions-item label="运动方案" :span="2">
      {{ report.sportPlan }}
    </a-descriptions-item>
  </a-descriptions>
</template>

<script>
export default {
  name: 'ServiceProgramme',
  props: ['report'],
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
/deep/ .ant-descriptions-item-label {
  width: 25% !important;
}
/deep/ .ant-descriptions-item-content {
  width: 75% !important;
}
</style>

